@extends('frontend/layouts/default')
@section('title')
{{ $data['question']->title}}
@endsection
@section('content')

<div class="default-width-left">
    <!--Top 5 câu hỏi hữu ích-->
    <div class="MgT15">
        @include('frontend/questions/_partials/details/main')
    </div>
    <!--Top 5 câu hỏi hữu ích end-->
    <!--cau tra loi duoc yeu thich nhat-->
    <div class="MgT15 MgL5">
        @if(isset($data['answer_most_like']))
        @include('frontend/questions/_partials/details/answer-most-like')
        @endif
    </div>
    <!--cau tra loi duoc yeu thich nhat end-->
    <!--Các câu trả lời khác-->
    <div class="MgT15 MgL5">
        <div class="title Mg0">
            <label>@if(isset($data['answer_most_like']))Các câu trả lời khác 
                @else Tất cả các câu trả lời 
                @endif</label>
        </div>

        <div class="bg-FF">
            <div class="comment-list loadajax" id_question = "{{$data['question']->id}}">   
                @include('frontend.questions.loadquestion.question_detail')
            </div>
        </div>
    </div>
    <script>

        $(window).on('hashchange', function () {
            if (window.location.hash) {
                var page = window.location.hash.replace('#', '');
                if (page == Number.NaN || page <= 0) {
                    return false;
                } else {
                    getQuestion(page);
                }
            }
        });

        $(document).ready(function () {
            $(document).on('click', '.pagination a', function (e) {
                getQuestion($(this).attr('href').split('page=')[1]);
                e.preventDefault();
            });
        });

        function getQuestion(page) {
            $.ajax({
                type: 'POST',
                url: '<?= route('hoi-dap') ?>/loadanswers?page=' + page + '&id_question=<?= $data['question']->id ?>',
                dataType: 'json',
            }).done(function (data) {
                $('.loadajax').html(data);
                // location.hash = page;
            }).fail(function () {
                alert('Posts could not be loaded.');
            });
        }

    </script>
    <!--Các câu trả lời khác end-->

    <!--comment facebook-->

</div>
<!--end content left-->
<!--content right-->
<div class="default-width-right">
    <!--search top-->
    @include('commons/form-search')
    <!--search top end-->
    @include('frontend/questions/_partials/details/fast-question')
    <!--Top dong gop hop am-->
    <div class="MgT20">
        @include('frontend/questions/_partials/details/top-user-by-questions')
    </div>
    <!--Top dong gop hop am end-->
    <!--Bài viết được bình luận nhiều-->

    @include('frontend/questions/_partials/details/top-qa')

    <!--Bài viết được bình luận nhiều end-->

</div>
@if(Session::has('create_fast_question'))
<script>
    alert('Câu hỏi của  bạn đã được lưu !!!');
</script>
Session::forget('create_fast_question');
@endif
@if(Session::has('not_login'))
<script>
    alert('Bạn cần đăng nhập để tạo câu hỏi!!!');
 </script>

Session::forget('not_login');
@endif
<!--end content right-->
@endsection